.layout{
    width: 100%;
    >.index{
        width: 100%;
        height: 36px;
        background-color: #f8f8f8;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        line-height: 36px;
        text-indent: 6px;
        color:#000;
        font-size: 16px;
        margin:10px 0;
    }
    >.brandTitle{
        >.hotBrand{
            padding: 0px 5px;
            margin-bottom: 10px;
           >span{
            width: 100%;
            height: 38px;
            background-color: #eee;
            border: 1px solid #ccc;
            line-height: 38px;
            padding-left: 12px;
            color:#874604;
            font-size: 18px;
            display: block;
           }
        }
        >.tenBrand{
            width: 100%;
            height: 38px;
            background-color: #ededed;
            border-bottom: 1px solid #ccc;
            line-height: 38px;
            padding:0 12px;
            font-size: 18px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            >a{
                color:#000;
            }
        }
    }
}